<!DOCTYPE HTML>
<html>
<head>
	<meta name="viewport" content="width=device-width" />
    <title>&#20964;&#26071;&#32654; - &#20250;&#21592;&#27880;&#20876;</title>
    <link href="StyleSheet.css" type="text/css" rel="stylesheet" />
</head>
<body onload="load();">
    <div id="wrapper">
	<header style="padding:0 15px;padding-bottom: 0;text-align: center;">
        <a><img src="./images/logo1.png" /></a>
    </header>
    <section style="padding: 15px 50pt;">
    	<div>
            <label for="name">&#22995;&#21517;</label>
    		<input type="text" name="name"/>
    	</div>
    	<div style="margin-top: 10pt;">
            <label for="tel">&#30005;&#35805;</label>
    		<input type="tel" name="tel"/>
    	</div>
    </section>
    <section style="text-align: center;">
        <button class="cupid-green">&#27880;&#20876;</button>
    </section>
    </div>
</body>
</html>
<script type="text/javascript">
    function load()
    {
        var wrapper = document.getElementById('wrapper');
        wrapper.style.marginTop = document.documentElement.clientHeight - wrapper.style.height;
    }
</script>